body{
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    height: 1200px;
    background-color: #F5F5F5;
    // background-color: pink;
    
}
a {
    text-decoration: none;
  }
  li{
      list-style: none;
  }
// 分成了20份 所以是37.5px
@media screen and (min-width:750px){
    html{
        font-size: 37.5px !important;
        
    }
}
.main{
   width: 100%;
   height: 8rem;
  //  background-color: pink;
   .swiper {
    width: 100%;
    height: 100%;
  }
  
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
  
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
  .swiper-slide img {
    display: block;
      width: 100%;
      height: 100%;
    object-fit: cover;
  }
}



// 轮播图下面样式
.banner-lun{
  // height: rem;
  background-color:#fff;
  margin-top: 0;
  li:nth-child(1){
    font-size :.5333rem;
    padding-top: .5333rem;
    margin-bottom: .2667rem;
  }
  li:nth-child(2){
   display: flex;
    font-size :.4467rem;
    // color: #DF869E;
    span:nth-child(1){
      color: #E0655A;
    }
    // line-height: 1rem;
    span:nth-child(2){
      display: block;
      margin-left: 1.0667rem;
      margin-top: 0;
      // vertical-align: middle;
    }
  }
  li:nth-child(3){
    color: #B9B9B7;
    font-size: .4267rem;
    margin-bottom: .2667rem;
  }
  li:nth-child(4){
    display: flex;
    span:nth-child(1){
      width: 1.8rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
      background-color: #DEE9F0;
      color: #A2B5C5;
      font-size: .4733rem;
    }
    span:nth-child(2){
      width: 1.8rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
      background-color: #DEE9F0;
      color: #A2B5C5;
      font-size: .4733rem;
      margin-left: .2667rem;
    }
    span:nth-child(3){
      width: 1.8rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
      background-color: #DEE9F0;
      color: #A2B5C5;
      font-size: .4733rem;
      margin-left: .2667rem;

    }
  }
}
// 房子的详细信息
.xin-xi{
  margin-top: .5333rem;
  // height: 10.6667rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  li{
    border-bottom: .0267rem solid #EBEBEB;
    margin-right: .8rem;
    line-height: 1.5667rem;
    display: flex;
    flex-direction: row;
     span{
      flex: 1;
      font-size: .4267rem;
      font-weight: 700;
     }
  }
  li:nth-child(9){
    text-align: center;
    color: #A0A0A0;
  }
}
// 房源特色样式
.house{
  
  // height: 10.6667rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;

  li:nth-child(1){
    // flex: 0.5;
    color:#FF9A33 ;
    font-size: .8rem;
    // line-height:1rem;
    border-bottom: .0267rem solid #EBEBEB;
    margin-right: .8rem;
   padding-top:.5667rem;
   padding-bottom:.5667rem;

  }
  li:nth-child(2){
    // flex:1;
    margin-top: .5333rem;
    font-size: .4267rem;
    line-height: .6667rem;
    margin-right: .8rem;
    border-bottom: .0267rem solid #EBEBEB;
    padding-bottom:.5667rem;

  }
  li:nth-child(3){
    text-align: center;
    font-size: .48rem;
    color: #A0A0A0;
    line-height:2rem;
    margin-right: .8rem;

  }

}
// 位置及周边
.wei-zhi{
  // height: 10.6667rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  li:nth-child(1){
    padding-top:.5333rem ;
    padding-bottom:.5333rem ;
    margin-right: .8rem;
    border-bottom: .0267rem solid #EBEBEB;
  }
  li:nth-child(2){
    padding-top:.5333rem ;
    margin-right: .8rem;
    img{
      width: 100%;
      height: 100%;
    }
    // background-color: #FF9A33;
  }

}